@import '~styles/config.scss';

.mainBox {
    width:fit-content;
    .item {
        margin-top:10px;
        border          : 1px solid $--border-color-lighter;
        background-color: #fff;
        border-radius   : 4px;
        padding         : 0px 10px;
        display         : flex;
        .time {
            padding-right:20px;
            flex: auto;
            .t1 {
                padding-top:10px;
                font-size  : 12px;
                font-weight: bold;
                line-height:16px;
            }
            .t2 {
                padding:5px 0px 5px 0px;
                font-size: 12px;
                line-height:20px;
                color    : $--color-text-secondary;
            }
        }

        .but {
            cursor: pointer;
            flex: none;
            width:20px;
            text-align: center;
            line-height:30px;
            font-size: 12px;
            margin-left:10px;
            color:$--color-text-secondary;
            &:hover{
                color:$--color-primary;
            }
        }
    }
}